<template>
  <div>
    <el-dialog
      title="预算报价详情"
      :visible.sync="dialogshow"
      :before-close="dialogClose"
      style="display: none"
      top="10vh"
      width="90%"
      :fullscreen="fullscreen"
    >
      <dialog-tools
        v-bind:back="true"
        v-bind:next="true"
        v-bind:goback="true"
        v-bind:prev="true"
        v-bind:screen="true"
        @clickfullscreen="clickfullscreen"
      >
      </dialog-tools>

      <el-tabs class="tabs-table product-tabs" type="border-card">
        <el-tab-pane label="基本信息">
          <el-row>
            <el-col :span="21">
              <el-row>
                <el-col :span="4"
                  ><div class="span-lable">报价单号:</div>
                  <div class="span-info">1231</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">客户名称:</div>
                  <div class="span-info"><el-link type="primary" @click="handleButtons(11)"
                  >某公司</el-link
                ></div></el-col
                >
                <el-col :span="4">
                  <div class="span-lable">业务联系人:</div>
                  <div class="span-info"><el-link type="primary" @click="handleButtons(10)"
                  >吴先生</el-link
                ></div></el-col
                >


              </el-row>

              <el-row>
                <el-col :span="4"
                  ><div class="span-lable">款号:</div>
                  <div class="span-info">Eadt</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">物品名称:</div>
                  <div class="span-info">豪华婚戒</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">物品品类:</div>
                  <div class="span-info">戒指</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">规格尺寸/手寸:</div>
                  <div class="span-info">48</div></el-col
                >
                                <el-col :span="4"
                  ><div class="span-lable">品牌:</div>
                  <div class="span-info">周大福</div></el-col
                >
              </el-row>
                            <el-row>
                <el-col :span="24"
                  ><div class="span-lable">备注:</div>
                  <div class="span-info">备注详情备注详情备注详情备注详情</div></el-col
                >

              </el-row>

              <el-row>
                <el-col :span="4"
                  ><div class="span-lable">审核状态:</div>
                  <div class="span-info">未通过</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">审核人:</div>
                  <div class="span-info">某某某</div></el-col
                >
                <el-col :span="6"
                  ><div class="span-lable">审核时间:</div>
                  <div class="span-info">2020-10-10 08:00:55</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">创建人:</div>
                  <div class="span-info">某某某</div></el-col
                >
                <el-col :span="6"
                  ><div class="span-lable">创建时间:</div>
                  <div class="span-info">2020-10-10 08:00:55</div></el-col
                >
              </el-row>

              </el-col
            ><el-col :span="3">
              <div class="span-lable">预算报价 :</div>
              <div class="span-info">10000元</div>
              <!-- <div class="span-lable">扣除金额 :</div>
              <div class="span-info">10000元</div>
              <div class="span-lable">应退金额 :</div>
              <div class="span-info">10000元</div> -->
            </el-col>
          </el-row>

          <el-divider></el-divider>

          <el-row>
            <div @click="showTableZs = !showTableZs" style="cursor: point">
              <el-col :span="3"
                ><div class="span-lable">主石:</div>
                <div class="span-info">3种</div></el-col
              >
              <el-col :span="3"
                ><div class="span-lable">总数量:</div>
                <div class="span-info">10粒</div></el-col
              >
              <el-col :span="3"
                ><div class="span-lable">总重量 :</div>
                <div class="span-info">200.005克拉</div></el-col
              >
              <el-col :span="3"
                ><div class="span-lable">主石总价 :</div>
                <div class="span-info">50000元</div></el-col
              >
              <el-col :span="3"
                ><div class="span-lable">总镶石费:</div>
                <div class="span-info">2000元</div></el-col
              >

              <el-col :span="1" :offset="5">
                <el-button type="text" icon="el-icon-view">查看</el-button>
              </el-col>
              <el-col :span="3"
                ><div class="span-lable">小计 :</div>
                <div class="span-info">52000元</div></el-col
              >
            </div>
          </el-row>

          <el-table
            v-if="showTableZs"
            ref="multipleTable"
            stripe
            :data="tableDataZs"
            :show-summary="true"
            border
            row-class-name="tableRow"
            header-row-class-name="tableHeader"
            :highlight-current-row="true"
            style="width: 100%; border-top: 1px solid #c5c5c5"
          >
            <el-table-column
              prop="id"
              label="序号"
              width="50"
            ></el-table-column>
            <el-table-column
              prop="name"
              label="主石"
              sortable
            ></el-table-column>
            <el-table-column prop="kfgh" label="客户提供"> </el-table-column>
            <el-table-column prop="smjz" label="声明价值"> </el-table-column>
            <el-table-column prop="xz" label="形状"> </el-table-column>

            <el-table-column prop="ys" label="色泽/颜色"></el-table-column>
            <el-table-column
              prop="jd"
              label="净度"
              width="50"
            ></el-table-column>

            <el-table-column prop="qg" label="切工"></el-table-column>
            <el-table-column
              prop="number"
              label="数量"
              width="50"
            ></el-table-column>
            <el-table-column prop="ct" label="CT（克拉重）"></el-table-column>

            <el-table-column prop="zsdj" label="主石单价"></el-table-column>
            <el-table-column prop="zszj" label="主石总价"></el-table-column>
            <el-table-column prop="xsfdj" label="镶石费单价"> </el-table-column>
            <el-table-column prop="xsfzj" label="镶石费总价"> </el-table-column>

            <el-table-column prop="price_sum" label="总价"></el-table-column>
          </el-table>
          <el-divider></el-divider>

          <el-row>
            <div @click="showTableFs = !showTableFs" style="cursor: point">
              <el-col :span="3"
                ><div class="span-lable">副石:</div>
                <div class="span-info">3种</div></el-col
              >
              <el-col :span="3"
                ><div class="span-lable">总数量:</div>
                <div class="span-info">10粒</div></el-col
              >
              <el-col :span="3"
                ><div class="span-lable">总重量 :</div>
                <div class="span-info">200.005克拉</div></el-col
              >
              <el-col :span="3"
                ><div class="span-lable">副石总价 :</div>
                <div class="span-info">50000元</div></el-col
              >

              <el-col :span="3"
                ><div class="span-lable">总镶石费:</div>
                <div class="span-info">2000元</div></el-col
              >
              <el-col :span="3"
                ><div class="span-lable">总配石费:</div>
                <div class="span-info">2000元</div></el-col
              >

              <el-col :span="1" :offset="2">
                <el-button type="text" icon="el-icon-view">查看</el-button>
              </el-col>
              <el-col :span="3"
                ><div class="span-lable">小计 :</div>
                <div class="span-info">52000元</div></el-col
              >
            </div>
          </el-row>

          <el-row
            ><el-col :span:="24">
              <el-table
                v-if="showTableFs"
                ref="multipleTable"
                stripe
                :data="tableDataFs"
                :show-summary="true"
                border
                row-class-name="tableRow"
                header-row-class-name="tableHeader"
                :highlight-current-row="true"
                @row-dblclick="dialogClose"
                style="width: 100%; border-top: 1px solid #c5c5c5"
              >
                <el-table-column
                  prop="id"
                  label="序号"
                  width="50"
                ></el-table-column>
                <el-table-column
                  prop="name"
                  label="副石"
                  sortable
                ></el-table-column>
                <el-table-column prop="kfgh" label="客户提供">
                </el-table-column>
                <el-table-column prop="xz" label="形状"> </el-table-column>

                <el-table-column prop="ys" label="色泽/颜色"></el-table-column>
                <el-table-column
                  prop="jd"
                  label="净度"
                  width="80"
                ></el-table-column>

                <el-table-column prop="qg" label="切工"></el-table-column>
                <el-table-column
                  prop="number"
                  label="数量"
                  width="50"
                ></el-table-column>
                <el-table-column
                  prop="ct"
                  label="CT（克拉重）"
                ></el-table-column>

                <el-table-column prop="zsdj" label="副石单价"></el-table-column>
                <el-table-column prop="zszj" label="副石总价"></el-table-column>
                <el-table-column prop="psf" label="配石费"> </el-table-column>
                <el-table-column prop="xsfdj" label="镶石费单价">
                </el-table-column>
                <el-table-column prop="xsfzj" label="镶石费总价">
                </el-table-column>

                <el-table-column
                  prop="price_sum"
                  label="总价"
                ></el-table-column>
              </el-table> </el-col
          ></el-row>
          <el-divider></el-divider>
          <el-row>
            <div @click="showTableJs = !showTableJs" style="cursor: point">
              <el-col :span="3"
                ><div class="span-lable">金属:</div>
                <div class="span-info">3种</div></el-col
              >

              <el-col :span="3"
                ><div class="span-lable">总重量 :</div>
                <div class="span-info">200.005克拉</div></el-col
              >
              <el-col :span="3"
                ><div class="span-lable">金属总价 :</div>
                <div class="span-info">50000元</div></el-col
              >

              <el-col :span="1" :offset="11">
                <el-button type="text" icon="el-icon-view">查看</el-button>
              </el-col>

              <el-col :span="3"
                ><div class="span-lable">小计 :</div>
                <div class="span-info">52000元</div></el-col
              >
            </div>
          </el-row>
          <el-row
            ><el-col :span:="24">
              <el-table
                v-if="showTableJs"
                ref="multipleTable"
                stripe
                :data="tableDataJs"
                :show-summary="true"
                border
                row-class-name="tableRow"
                header-row-class-name="tableHeader"
                :highlight-current-row="true"
                @row-dblclick="dialogClose"
                style="width: 100%; border-top: 1px solid #c5c5c5"
              >
                <el-table-column
                  prop="id"
                  label="序号"
                  width="50"
                ></el-table-column>
                <el-table-column
                  prop="name"
                  label="金属"
                  sortable
                ></el-table-column>
                <el-table-column prop="kfgh" label="客户提供">
                </el-table-column>
                <el-table-column
                  prop="ssjj"
                  label="实时金价（克）"
                ></el-table-column>
                <el-table-column prop="cs" label="成色"></el-table-column>
                <el-table-column prop="dw" label="单位"></el-table-column>
                <el-table-column prop="ys" label="色泽/颜色"></el-table-column>

                <el-table-column
                  prop="jjz"
                  label="净金重（克）"
                ></el-table-column>
                <el-table-column prop="shl" label="损耗率%"></el-table-column>
                <el-table-column
                  prop="lhz"
                  label="连耗重（克）"
                ></el-table-column>
                <el-table-column
                  prop="gjszj"
                  label="金属总价"
                ></el-table-column>

                <el-table-column
                  prop="price_sum"
                  label="总价"
                ></el-table-column>
              </el-table> </el-col
          ></el-row>
          <el-divider></el-divider>
          <el-row>
            <div @click="showTablePj = !showTablePj" style="cursor: point">
              <el-col :span="3"
                ><div class="span-lable">配件:</div>
                <div class="span-info">3种</div></el-col
              >
              <el-col :span="3"
                ><div class="span-lable">总数量 :</div>
                <div class="span-info">10件</div></el-col
              >
              <el-col :span="3"
                ><div class="span-lable">总重量 :</div>
                <div class="span-info">200.005克拉</div></el-col
              >
              <el-col :span="3"
                ><div class="span-lable">总工费 :</div>
                <div class="span-info">200.005克拉</div></el-col
              >
              <el-col :span="3"
                ><div class="span-lable">配件总价 :</div>
                <div class="span-info">50000元</div></el-col
              >

              <el-col :span="1" :offset="5">
                <el-button type="text" icon="el-icon-view">查看</el-button>
              </el-col>

              <el-col :span="3"
                ><div class="span-lable">小计 :</div>
                <div class="span-info">52000元</div></el-col
              >
            </div>
          </el-row>

          <el-row
            ><el-col :span:="24">
              <el-table
                v-if="showTablePj"
                ref="multipleTable"
                stripe
                :data="tableDataPj"
                :show-summary="true"
                border
                row-class-name="tableRow"
                header-row-class-name="tableHeader"
                :highlight-current-row="true"
                @row-dblclick="dialogClose"
                style="width: 100%; border-top: 1px solid #c5c5c5"
              >
                <el-table-column
                  prop="id"
                  label="序号"
                  width="50"
                ></el-table-column>
                <el-table-column
                  prop="name"
                  label="配件"
                  sortable
                ></el-table-column>
                <el-table-column prop="kfgh" label="客户提供">
                </el-table-column>
                <el-table-column
                  prop="namegjs"
                  label="材质"
                  sortable
                ></el-table-column>
                <el-table-column prop="jjfs" label="计价方式"></el-table-column>
                <el-table-column prop="cs" label="成色%"></el-table-column>
                <el-table-column prop="ys" label="颜色"></el-table-column>

                <el-table-column prop="ggcc" label="规格尺寸"></el-table-column>
                <el-table-column prop="number" label="数量"></el-table-column>
                <el-table-column
                  prop="hz"
                  label="货重（克/件）"
                ></el-table-column>
                <el-table-column
                  prop="zhz"
                  label="总货重（克）"
                ></el-table-column>
                <el-table-column
                  prop="pjdj"
                  label="配件单价（克/件）"
                ></el-table-column>
                <el-table-column prop="pjzj" label="配件总价"></el-table-column>
                <el-table-column
                  prop="gfdj"
                  label="工费单价（克/件）"
                ></el-table-column>
                <el-table-column prop="gfzj" label="工费总价"></el-table-column>
                <el-table-column
                  prop="price_sum"
                  label="总价"
                ></el-table-column>
              </el-table> </el-col
          ></el-row>
          <el-divider></el-divider>
          <el-row>
            <el-col :span="18">
              <el-row>
                <el-col :span="4"
                  ><div class="span-lable">设计费:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">起版费:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">改版费:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">基本工费:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">加急费:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">风险费:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">证书费:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">包装盒费:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">物流费:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">其它费用:</div>
                  <div class="span-info">1000元</div></el-col
                >
                <el-col :span="4"
                  ><div class="span-lable">税率:</div>
                  <div class="span-info">0.6%</div></el-col
                >
                <!-- <el-col :span="3"
              ><div class="span-lable">是否含税:</div>
              <div class="span-info">是</div
            ></el-col> -->
                <el-col :span="4"
                  ><div class="span-lable">税费:</div>
                  <div class="span-info">1000元</div></el-col
                >
              </el-row></el-col
            >
            <el-col :span="3" :offset="3"
              ><div class="span-lable">小计:</div>
              <div class="span-info">10000元</div></el-col
            >
          </el-row>
        </el-tab-pane>
        <el-tab-pane label="图片/视频">
          <table style="width: 100%">
            <tr>
              <td>
                <div class="td-lable">手绘图:</div>
                <div class="td-info">
                  <a href="/public/images/eh1.jpg" target="_blank"
                    ><img
                      style="max-height: 200px; max-width: 200px"
                      src="/public/images/eh1.jpg"
                  /></a>
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="td-lable">电绘图:</div>
                <div class="td-info">
                  <a href="/public/images/eh1.jpg" target="_blank"
                    ><img
                      style="max-height: 200px; max-width: 200px"
                      src="/public/images/eh1.jpg"
                  /></a>
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="td-lable">成品图:</div>
                <div class="td-info">
                  <a href="/public/images/eh1.jpg" target="_blank"
                    ><img
                      style="max-height: 200px; max-width: 200px"
                      src="/public/images/eh1.jpg" /></a
                  ><a href="/public/images/eh1.jpg" target="_blank"
                    ><img
                      style="max-height: 200px; max-width: 200px"
                      src="/public/images/eh1.jpg"
                  /></a>
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="td-lable">字印图:</div>
                <div class="td-info">
                  <a href="/public/images/eh1.jpg" target="_blank"
                    ><img
                      style="max-height: 200px; max-width: 200px"
                      src="/public/images/eh1.jpg"
                  /></a>
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="td-lable">其它附件:</div>
                <div class="td-info">
                  <a href="/public/images/eh1.jpg" target="_blank"
                    ><img
                      style="max-height: 200px; max-width: 200px"
                      src="/public/images/eh1.jpg"
                  /></a>
                </div>
              </td>
            </tr>
          </table>
        </el-tab-pane>
        <el-tab-pane label="产品信息"> </el-tab-pane>
        <el-tab-pane label="产品文案"> </el-tab-pane>
        <!-- <el-tab-pane label="跟进记录8">
          <genjin-jilu></genjin-jilu>
        </el-tab-pane> -->
          <el-tab-pane label="操作记录11">
          <edit-log></edit-log>
        </el-tab-pane>
      </el-tabs>

      <div slot="footer" class="dialog-footer">
        <!-- <el-dropdown style="float: left; margin-left: 15px">
          <el-button>
            关联数据<i class="el-icon-arrow-down el-icon--right"></i>
          </el-button>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item>设计图</el-dropdown-item>
            <el-dropdown-item>客来石</el-dropdown-item>
            <el-dropdown-item>客来金</el-dropdown-item>
            <el-dropdown-item>其它...</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown> -->
        <!-- <el-button type="primary" @click="handleButtons(10)"
          >客户跟进</el-button
        > -->
        <el-button type="primary" @click="dialogAdd">转为订单</el-button>
        <el-button @click="dialogClose">取 消</el-button>
        <el-button type="primary" @click="handleButtons(2)">编辑</el-button>
        <el-button type="primary" @click="dialogAdd">提交审核</el-button>
      </div>
    </el-dialog>
    <!-- <caozuojilu-list
      v-bind:dialogshow="dialogCustomerEdit"
      @dialog_close="dialog_close_customer_edit"
    ></caozuojilu-list> -->
    <baojia-edit
      v-bind:dialogshow="dialogBaojiaEdit"
      @dialog_close="dialog_close_baojiaedit"
    ></baojia-edit>
    <genjin-add
      v-bind:dialogshow="dialogGenjinAdd"
      @dialog_close="dialog_close_genjin_add"
    ></genjin-add>
        <dialog-customer-info
      v-bind:dialogshow="dialogCustomerInfo"
      @dialog_close="dialog_close_customer_info"
    ></dialog-customer-info>
  </div>
</template>
<style scoped>
.product-tabs .el-row {
  margin-top: 10px;
  margin-bottom: 10px;
}
.product-tabs .el-divider--horizontal {
  margin-top: 0px;
  margin-bottom: 10px;
}
.el-tab-pane {
  padding-bottom: 20px;
}

.span-lable,
.span-info {
  display: inline-table;
  vertical-align: -webkit-baseline-middle;
}

.span-lable {
  text-align: right;
  width: 100px;
}

.span-info {
  margin-left: 10px;
}
.tabs-table td {
  height: 50px;
  border-bottom: 1px solid #dcdfe6;
}
.product-tabs .el-tab-pane {
  height: 450px;
  overflow: auto;
  padding: 20px;
}
</style>
<script>
module.exports = {
  methods: {
    dialogAdd() {
      this.$confirm("是否继续操作?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.$message({
            type: "success",
            message: "操作成功!",
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消",
          });
        });
    },
    dialogClose() {
      this.$emit("dialog_close", 1);
    },
    clickfullscreen() {
      this.fullscreen = !this.fullscreen;
    },

    dialog_close_customer_edit(val) {
      console.log(val);
      this.dialogCustomerEdit = false;
    },
    //操作记录
    dialog_close_caozuojilu_list(val) {
      console.log(val);
      this.dialogCaozuojiluList = false;
    },
    dialog_close_baojiaedit(val) {
      console.log(val);
      this.dialogBaojiaEdit = false;
    },
    //跟进
    dialog_close_genjin_add(val) {
      console.log(val);
      this.dialogGenjinAdd = false;
    },
        dialog_close_customer_info(val){
      console.log(val);
      this.dialogCustomerInfo = false;
    },
    handleButtons(val) {
      console.log(2222);
      switch (val) {
        case 1:
          this.dialogSendMessage = "true";
          console.log(this.dialogSendMessage);
          break;
        case 2: //编辑
          console.log(333);
          this.dialogBaojiaEdit = "true";
          console.log(this.dialogBaojiaEdit);
          break;
        case 10: //跟进
          console.log(333);
          this.dialogGenjinAdd = "true";
          console.log(this.dialogGenjinAdd);
          break;
          case 11:
          console.log(333);
          this.dialogCustomerInfo = "true";
          console.log(this.dialogCustomerInfo);
          break;
      }
    },
  },
  props: ["dialogshow"],
  data() {
    return {
      fullscreen: false,
      dialogSendMessage: false,
      dialogCustomerInfo: false,
      dialogGenjinAdd: false,
      dialogBaojiaEdit: false,
      dialogCaozuojiluList: false,

      showTableZs: false,
      showTableFs: false,
      showTableJs: false,
      showTablePj: false,
      activeName: "first",

      Sendmssages: {
        address: "",
        customercate: "",
        cate: "",
        nickname: "",
        creditrank: "",
        name: "",
      },
      tableDataZs: [
        {
          id: "1",
          name: "钻石",
          smjz: "20000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "公主方",
          qg: "完美",
          kfgh: "否",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "2",
          name: "钻石",
          smjz: "40000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "圆形",
          qg: "一般",
          kfgh: "是",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "3",
          name: "钻石",
          smjz: "50000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "公主方",
          qg: "完美",
          kfgh: "是",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "4",
          name: "钻石",
          smjz: "20000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "公主方",
          qg: "完美",
          kfgh: "是",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
      ],
      tableDataFs: [
        {
          id: "1",
          name: "钻石",
          smjz: "20000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "公主方",
          qg: "完美",
          kfgh: "否",
          psf: "120",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "2",
          name: "红宝石",
          smjz: "40000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "5.005",
          xz: "圆形",
          qg: "一般",
          kfgh: "是",
          psf: "120",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "3",
          name: "钻石",
          smjz: "50000",
          number: "2",
          ys: "D",
          jd: "FL",
          ct: "1",
          xz: "公主方",
          qg: "完美",
          kfgh: "是",
          psf: "130",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "4",
          name: "钻石",
          smjz: "20000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "公主方",
          qg: "完美",
          kfgh: "是",
          psf: "150",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
      ],
      tableDataJs: [
        {
          id: "1",
          name: "黄金",
          kfgh: "否",
          cs: "99%",
          ys: "黄",
          jjz: "121",
          ssjj: "10000",
          shl: "3",
          lhz: "4",
          gjszj: "20000",
          price_sum: "10000",
        },
        {
          id: "2",
          name: "铂金",
          kfgh: "是",
          cs: "99%",
          ys: "白",
          jjz: "1231",
          ssjj: "10000",
          shl: "3",
          lhz: "4",
          gjszj: "20000",
          price_sum: "10000",
        },
        {
          id: "3",
          name: "铂金",
          kfgh: "是",
          cs: "99%",
          ys: "白",
          jjz: "1231",
          ssjj: "10000",
          shl: "3",
          lhz: "4",
          gjszj: "20000",
          price_sum: "10000",
        },
      ],
      tableDataPj: [
        {
          id: "1",
          name: "配件1",
          namegjs: "黄金",
          kfgh: "否",
          cs: "99%",
          ys: "黄",
          jjz: "1231",
          gfdj: "234",
          gfzj: "444",
          gjsdj: "10000",
          gjszj: "20000",
          price_sum: "10000",
        },
        {
          id: "2",
          name: "配件2",
          namegjs: "铂金",
          kfgh: "是",
          cs: "99%",
          ys: "白",
          jjz: "1231",
          gjsdj: "10000",
          gjszj: "20000",
          price_sum: "10000",
        },
        {
          id: "3",
          name: "配件3",
          namegjs: "铂金",
          kfgh: "是",
          cs: "99%",
          ys: "白",
          jjz: "1231",
          gjsdj: "10000",
          gjszj: "20000",
          price_sum: "10000",
        },
      ],
    };
  },
  components: {
    "baojia-edit": "url:./baojia-edit.vue",
    "dialog-tools": "url:../tools/dialog-tools.vue",
    "genjin-jilu": "url:../data/genjin-jilu.vue",
    "edit-log": "url:../data/edit-log.vue",
    "genjin-add": "url:./genjin-add.vue",
    "caozuojilu-list": "url:./caozuojilu-list.vue",
    "dialog-customer-info": "url:./customer-info.vue",
  },
};
</script>
